import {Platform, StyleSheet} from "react-native";
import colors from "../../styles/colors";


const styles = StyleSheet.create({
  safeAreaContainer: {
    flex: 1,
    backgroundColor: colors.backgroundGreen
  },
  scrollContainer: {
    flex: 1,
    backgroundColor: colors.backgroundGray,
  },
  headerWrap: {
    backgroundColor: colors.backgroundGreen,
    height: 75,
    flexDirection: 'row',
    alignItems: 'center',
    paddingLeft: 20,
    paddingRight: 20,
    marginTop: 40
  },
  headImgWrap: {
    borderRadius: 17.5,
    width: 35,
    height: 35,
    backgroundColor: colors.lightGreen
  },
  headImgText: {
    width: 35, height: 35, textAlign: 'center',
    ...Platform.select({
      ios: {lineHeight: 35},
      android: {textAlignVertical: 'center'}
    })
  },
  headRightWrap: {
    fontSize: 20,
    color: colors.white,
    fontWeight: 'bold',
    marginLeft: 10
  },
  listWrap: {
    backgroundColor: colors.white,
    marginTop: 10,
  },
  listWrapLast: {
    backgroundColor: colors.white,
    marginTop: 10,
    marginBottom: 50
  },
  listItemTouch: {
    height: 55,
    paddingLeft: 15,
    paddingRight: 20
  },
  listItemInner: {
    flex: 1,
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'center'
  },
  listItemLeftText: {
    width: 30
  },
  listItemCenterText: {
    flex: 1, fontSize: 16, fontWeight: 'bold', color: colors.darkTextGray
  },
  listItemRightText: {
    width: 30, textAlign: 'right'
  }
});

export default styles;